const ConsoleNavItem = (props: {
    id: string, img: string, isActive: boolean, onClick: (event: MouseEvent) => void;
}) => {

    const {id, img, isActive, onClick} = props

    return (

        <li className="nav-item" id={id} onClick={onClick}>
            <a href="#" className={`nav-link py-3 border-bottom rounded-0 ${isActive ? 'active' : ''}`}
               data-bs-toggle="tooltip" data-bs-placement="right" aria-label="Home"
               data-bs-original-title="Home" id={"console-nav-link-p"}>
                <img src={img}/>

            </a>
        </li>
    )

}

export default ConsoleNavItem